import React from 'react'
import { Col, Row } from 'antd'
import HotelsNumber from '../HotelsNumber'
import Occupancy from '../Occupancy'
import Rent from '../Rent'
import RankInFive from '../RankInFive'

function GlobalStatistics () {
  return (
    <>
      <div className="site-card-wrapper" style={{ height: '250px', backgroundColor: 'rgba(0,0,0,.03)' }}>
        <Row gutter={16} style={{ height: '100%', }}>
          <Col span={5} style={{ height: '100%', }}>
            <HotelsNumber />
          </Col>
          <Col span={5} style={{ height: '100%', }}>
            <Occupancy />
          </Col>
          <Col span={5} style={{ height: '100%', }}>
            <Rent />
          </Col>
          <Col span={9} style={{ height: '100%', }}>
            <RankInFive />
          </Col>
        </Row>
      </div>

    </>
  )
}


export default GlobalStatistics

